@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700");

.xmodule_edit.xmodule_VideoBlock .ui-col-wide {
    width: 74.46809%;
    margin-right: 2.12766%;
    float: left;
}

.xmodule_edit.xmodule_VideoBlock .ui-col-narrow {
    width: 23.40426%;
    float: left;
}

.xmodule_edit.xmodule_VideoBlock .ui-loading {
    box-shadow: inset 0 1px 2px 1px rgba(0, 0, 0, 0.2);
    padding: 15px 20px;
}

.xmodule_edit.xmodule_VideoBlock .ui-loading {
    animation: fadeIn 0.25s linear 1;
    opacity: 0.6;
    background-color: #fff;
    padding: 30px 20px;
    text-align: center;
}

.xmodule_edit.xmodule_VideoBlock .ui-loading .spin {
    display: inline-block;
}

.xmodule_edit.xmodule_VideoBlock .ui-loading .copy {
    padding-left: 5px;
}

.xmodule_edit.xmodule_VideoBlock .is-hidden {
    display: none;
}

.xmodule_edit.xmodule_VideoBlock .tabs-wrapper {
    padding-top: 0;
    position: relative;
}

.xmodule_edit.xmodule_VideoBlock .tabs-wrapper .wrapper-comp-settings {
    display: block;
}

.xmodule_edit.xmodule_VideoBlock .editor-single-tab-name {
    display: none;
}

.xmodule_edit.xmodule_VideoBlock .editor-with-tabs {
    position: relative;
}

.xmodule_edit.xmodule_VideoBlock .editor-with-tabs:after {
    content: "";
    display: table;
    clear: both;
}

.xmodule_edit.xmodule_VideoBlock .editor-with-tabs .edit-header {
    box-sizing: border-box;
    padding: 18px var(--baseline, 20px);
    top: 0 !important;
    right: 0;
    background-color: var(--blue, #0075b4);
    border-bottom: 1px solid var(--blue-d2, #00466c);
    color: var(--white, #fff);
}

.xmodule_edit.xmodule_VideoBlock .editor-with-tabs .edit-header .component-name {
    position: relative;
    top: 0;
    left: 0;
    width: 50%;
    color: var(--white, #fff);
    font-weight: 600;
}

.xmodule_edit.xmodule_VideoBlock .editor-with-tabs .edit-header .component-name em {
    display: inline-block;
    margin-right: calc((var(--baseline, 20px) / 4));
    font-weight: 400;
    color: var(--white, #fff);
}

.xmodule_edit.xmodule_VideoBlock .editor-with-tabs .edit-header .editor-tabs {
    list-style: none;
    right: 0;
    top: calc((var(--baseline, 20px) / 4));
    position: absolute;
    padding: 12px calc((var(--baseline, 20px) * 0.75));
}

.xmodule_edit.xmodule_VideoBlock .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap {
    display: inline-block;
    margin-left: 8px;
}

.xmodule_edit.xmodule_VideoBlock .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab {
    font-size: 14px;
    font-size: 1.4rem;
    background-color: rgba(255, 255, 255, 0.3);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    border: 1px solid var(--blue-d1, #005e90);
    border-radius: 3px;
    padding: calc((var(--baseline, 20px) / 4)) var(--baseline, 20px);
    background-color: var(--blue, #0075b4);
    font-weight: bold;
    color: var(--white, #fff);
}

.xmodule_edit.xmodule_VideoBlock .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab.current {
    background-color: var(--blue, #0075b4);
    background-image: -webkit-linear-gradient(var(--blue, #0075b4), var(--blue, #0075b4));
    background-image: linear-gradient(to, var(--blue, #0075b4));
    color: var(--blue-d1, #005e90);
    box-shadow: inset 0 1px 2px 1px var(--shadow-l1, rgba(0, 0, 0, 0.1));
    background-color: var(--blue-d4, #001724);
    cursor: default;
}

.xmodule_edit.xmodule_VideoBlock .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab:hover,
.xmodule_edit.xmodule_VideoBlock .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab:focus {
    box-shadow: inset 0 1px 2px 1px var(--shadow, rgba(0, 0, 0, 0.2));
    background-image: linear-gradient(#009fe6, #009fe6) !important;
}

.xmodule_edit.xmodule_VideoBlock .editor-with-tabs .is-inactive {
    display: none;
}

.xmodule_edit.xmodule_VideoBlock .editor-with-tabs .comp-subtitles-entry {
    text-align: center;
}

.xmodule_edit.xmodule_VideoBlock .editor-with-tabs .comp-subtitles-entry .file-upload {
    display: none;
}

.xmodule_edit.xmodule_VideoBlock .editor-with-tabs .comp-subtitles-entry .comp-subtitles-import-list>li {
    display: block;
    margin: calc(var(--baseline, 20px) / 2) 0;
}

.xmodule_edit.xmodule_VideoBlock .editor-with-tabs .comp-subtitles-entry .comp-subtitles-import-list .blue-button {
    font-size: 1em;
    display: block;
    width: 70%;
    margin: 0 auto;
    text-align: center;
}

.xmodule_edit.xmodule_VideoBlock .component-tab {
    background: var(--white, #fff);
    position: relative;
    border-top: 1px solid #8891a1;
}

.xmodule_edit.xmodule_VideoBlock .component-tab#advanced {
    padding: 0;
    border: none;
}
